/* 
    Document   : style1
    Created on : 08 Apr 11, 20:59:59
    Author     : ZAKIY FIRDAUS ALFIKR
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body{
    overflow: hidden;
    font-family: Gill, Helvetica, sans-serif;
}

.center{
    text-align: center;
    position: relative;
    top: -10px;
}

.fontfooter{
    font-weight: bold;
    font-size: smaller;
}

.header{
    background-color: black;/*#aa154b;*/
    height: 100px;
    -moz-box-shadow: 0 0 10px 10px #888;
    -webkit-box-shadow: 0 0 10px #888;
    box-shadow: 0 0 15px black;
    position: relative;
    z-index: 2;
}

.spacever{
    height: 10px;
}

.spacever2{
    height: 20px;
}


.menuadmin{
    position: relative;
    left: +20px;
}

.headerkiri{
    position: relative;
    float: left;
    color: white;
}

.headerkanan{
    float: right;
    color: white;
    position: relative;
    left: -50px;
    top: -60px;
}

.logo{
    position: relative;
    width: 400px;
    height: 90px;
    top: +10px;
    /*background-image: url(img/Logo.png);*/
}

.login{
    float: right;
    color: white;
    position: relative;
    left: -50px;
    top: -70px;
}

.buttonlogin{
    position: relative;
    left: +185px;
    top: +1px;
    
}

.page{
    width: 100%;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
}

.content{
    width: 1000px;
/*    background-color: gray;*/

    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#454f58), to(#bec6cc));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #454f58, #bec6cc);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#454f58, endColorstr=#bec6cc);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#454f58, endColorstr=#bec6cc)";/* for IE */
    filter:alpha(opacity=60);
    /* CSS3 standard */
/*    opacity:0.6;*/
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: -21px;
    padding-top: 60px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    z-index: 1;
    height: 400px;;
    -moz-border-bottom-right-radius: 15px;
    -moz-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.contentkiri{
    float: left;
    width: 650px;
    margin-right: 20px;
}

.contentkanan{
    float: left;
    width: 320px;
}

.boxstatus{
    margin-bottom: 10px;
}

.boxinput{
    height: 30px;
}

.inputbox{
    width: 570px;
}

.enterbutton{
    width: 60px;
}

.scrollver{
    border:0;
    overflow:scroll;
    overflow-y:scroll;
    overflow-x:hidden;
}

.largefont{
    font-size: large;
}

.bold{
    font-weight: bold;
}

.bolder{
    font-weight: bolder;
}

.heightlist{
    height: 22px;
}

.colorname{
    color: #d4d4d4;
}

.colorlogout{
    color: gray;
    font-size: large;
    font-weight: bold;
}

.nounderline{
    text-decoration: none;
}

#nounderline{
    text-decoration: none;
}

.xdelete{
    position: absolute;
    left: 670px;
    top: 77px;
    color: whitesmoke;
}

.boxfriendcategory{
    background-color: white;
    height: 344px;
    width: 280px;
/*    margin-bottom: 20px;*/

    padding: 10px;
    padding-left: 15px;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.indexcontent{
    
}

.boxregistrasi{
    min-height: 450px;
    float: right;
    position: relative;
    left: +140px;
    top: +50px;
}

.labelinput{
    float: left;
    width: 120px;
}

.input{
    position: relative;
    left: +5px;
    width: 230px;
}

.inputlogin{
    position: relative;
    left: +5px;
    width: 150px;
}

.labelinputlogin{
    float: left;
    width: 80px;
    position: relative;
    top: +5px;
}

.footerhome{
    margin-top: 5px;
    /*position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    /*background-color: black;*/
    height: 50px;
}

.footer{
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    /*background-color: black;*/
    height: 50px;
}

/*TABBER*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}


/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
    height: auto;
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 color: gray;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}


/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}



/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}



/* $Id: example-print.css,v 1.2 2006/03/06 04:11:55 pat Exp $ */
/* When printing, hide the tab navigation list
   and don't use any other styles
*/
